<div ng-controller="wifeDemo" auto-height>
    <div class="fileTree">
        <div ng-repeat="file in middle.allDir" >
            <div class="fileName" ng-click="show(file.dir.dirName)">
                {{file.dir.dirName}} ({{file.cls.length || 0}})
            </div>
            <div class="ciContainer "  ng-class="{slide: fileShow[file.dir.dirName]}">

                <ul ng-repeat="ci in file.cls" >
                    <li class="ciName" ng-click="getData(ci)">
                        {{ci.className}}
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <div class="data">


        <dir-tip show-attr="attrArr">
            <modal-title>
                分类属性
            </modal-title>
            <modal-body>
                <div>
                    <laber>名称</laber>
                    <span>{{attrArr.className}}</span>
                </div>
                <div>
                    <laber>领域</laber>
                    <!--<span>{{attrArr.dirId}}</span>-->
                    <span>
                        <select-tip type ='type' lidata="lidata" curval = "attrArr.dirId"></select-tip>
                    </span>
                </div>
                <div>
                    <laber>颜色</laber>
                    <span style="color:attrArr.classColor"></span>
                </div>
                <div>
                    <laber>图标</laber>
                    <img src="{{attrArr.icon}}" alt="">
                </div>
            </modal-body>
        </dir-tip>
        <js-xls onread="read" onerror="error"></js-xls>
    </div>

</div>